html{color:#111;background:#fff}
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,i,strong,th,var,optgroup{font-style:normal;font-weight:normal}
ul,ol{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;font-family: 'Microsoft YaHei','Helvetica Neue',arial,sans-serif,'Hiragino Sans GB',Tahoma;}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{*font-size:100%}
pre{white-space:pre-wrap;word-wrap:break-word}
a{cursor:pointer;color:#0088CC;}
a:link{color:#0088CC;text-decoration:none; outline: none; }
/*a:visited{color:#669;text-decoration:none}*/
a:hover{color:#fff;text-decoration:none;background:#0088CC;}
a:active{color:#fff;text-decoration:none;background:#0088CC;}
a img{border-width:0;vertical-align:middle}
body,td,th{font:12px Helvetica,Arial,sans-serif;line-height:1.8;}
table{border-collapse:collapse;border:0;padding:0;margin:0}
wbr:after{content:"\00200B"}
textarea{resize:none}
input[type=text]:focus,input[type=password]:focus,textarea:focus{outline:0}
ol{padding:0 0 0 20px}
textarea{font-family:Arial;overflow:auto}
input{font-size:12px}
.clearfix{zoom:1;_height:1px}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fleft{float:left}
.fright{float:right}
.hidden{display:none}
.clear{clear:both;line-height:0;font-size:0}
.img_link:hover{background:none;}
html,body{background: white;font-family: "Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";}
.highlight{color:orange;}
.panel_title{background:#F5F5F5;padding:10px;font-size: 20px; display: block;font-family: "Microsoft Yahei";position: relative;}
.panel_title a:hover{background:none;color: #0088CC;text-decoration: underline;}
.panel_bar{position: absolute;top:10px;right: 10px;}
.collected_at{font-size: 12px;color:#999;}
.collect_word{font-size: 12px;font-weight: normal;}
ul.panel_menu li a{font-size: 12px!important;padding:5px 10px!important;}
ul.panel_menu li ul{width:100px!important;}
ul.panel_menu .selected{background:#37A;color:white;}
div.panel_footer{background:#F5F5F5;padding:10px;position: absolute;bottom: 0;left: 0;right: 0;border-top: 1px solid #ddd;}
#header{height: 70px;background:white;width:100%;}
#footer{padding:20px 0;background:white;width: 100%;border-top: 1px solid #DDD;}
#footer div{margin-left:20px;color:#666;}
#logo{padding: 15px 0 0 100px; outline: none; }
#head_bar{width:100%;background: #F5F5F5;position:relative;}
#head_bar .menu{margin-left: 100px;}
#head_bar .menu a{display: inline-block;padding:10px 10px 8px 10px;font-family: "Microsoft Yahei";color: #37a;}
#head_bar .menu a:hover{background:#37a!important;border-bottom: 2px solid #37a;color:white;}
#head_bar .menu a.active{border-bottom: 2px solid #37a;}
#head_bar .right{position: absolute;top:5px;right:90px;}
#my_menu .name{font-size: 14px;}.arrow{color:#999;display: inline-block;padding-left: 5px;}
#wrapper{width: 100%;background:#E5E5E5;padding:30px 0;}
#container{
	width:900px;
	margin-left: 100px;

}
#main{
	width: 600px;
	background:white;
	min-height: 400px;
	border:1px solid #d8d8d8;
	border-radius: 4px;
	padding-bottom: 30px;
	position: relative;
	float: left;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-border-radius:3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#main div.content{padding: 20px;}
.word_list_item{border-bottom: 1px solid #d8d8d8;padding:5px;position: relative;}
.word_list_item:hover{background:#E8E8E8;}
.my_vocabulary .word_list_item{border:none;}
.word_list_item .word_link{font-size:14px;font-weight: bold;display:inline-block;margin-right: 10px;}
.word{font-family:arial,'Helvetica Neue',sans-serif,'Hiragino Sans GB',Tahoma;}
.panel_title .word{font-size:30px;}
.unknown{color:#3377AA!important;}
.familiar{color:#F18D05!important;}
.remembered{color:#61AE24!important;}
.grey_small{font-size: 12px;font-weight: normal;color:#999!important;}
a.grey_small:hover{color:#999!important;background:none!important;text-decoration: underline;}
a.word_link:hover{background:none; }
a.word_link:hover span{text-decoration:underline!important;}
.word_list_item .definition{color:#666;}
.word_list_item .time{color:#d5d5d5;position: absolute;top:9px;right:1px;z-index:1;}
.word_list_item .operation{background:#E8E8E8;padding:3px 8px;position: absolute;top:1px;right:1px;z-index:2;}



.btn{
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff!important;
	font-family: "Microsoft Yahei";
	font-size:14px;
	padding:4px 20px;
	text-decoration:none;
	text-shadow:1px 1px 0px #1570cd;
	cursor: pointer;
	outline: none;
}
.btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) )!important;
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% )!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
	text-decoration: none!important;
}
.btn:active {
	position:relative;
	top:1px;
}

.btn[disabled="disabled"],.btn[disabled="disabled"]:hover,.btn[disabled="disabled"]:active{
	color:#999!important;
	text-shadow:none;
	box-shadow:none;
	background:#F8F8F8!important;
	background-color:#F8F8F8!important;
	border:1px solid #DDD;
	top:0px;
}

.text_input_simple{
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #CCC;
	width: 100px;
	margin-right: 4px;
	margin-bottom: 12px;
	padding: 5px 2px 1px 2px;
}
.text_input_simple:focus{
	border-bottom-color: #008deb;
	box-shadow: 0 0px 1px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(0, 113, 118, 0.6);
}
.text_input_simple_invalid{
	border-bottom-color:red;
	background:#FFFDC0;
}
.notice{
	border-radius: 4px;
	border:1px solid #F7D683;
	background: #FFFDC0;
	padding: 6px;
	margin: 5px 0;
	color: #666;
}
.help{
	padding:6px;
	border:1px solid #ddd;
	border-radius: 4px;
	background:#efefef;
	color: #666;
	margin: 5px 0;
}
#sidebar{float:left;width: 200px;background: white;min-height:300px;margin-left: 20px;position: relative;height: auto;border:1px solid #d8d8d8;}
#sidebar div.content{padding:20px 20px 60px 20px;}
#words_no_exist li{border-bottom: 1px dotted #DDD;padding: 4px 0;}
#add_words .word_input{color:#3377AA;width:140px;}
#add_words .definition_input{color:#333;width:380px}
.separator{display: inline-block;margin:0 20px 0 10px;height: 20px;width: 1px;background:#ddd;}
.signature{width: 300px;float:right;margin-top:40px;}
.access_forbid > div{margin-bottom:20px;}
.fixed_width_label{width: 100px;display: inline-block;}
.azul_forte{color:#0088CC;font-weight: bold}
.colon{display: inline-block;padding:0 4px;}
.tips{font-size: 12px;font-weight: normal;color:#666;}
/*----login&register----*/
.login_page,.register_page{
	background: #FFF;
	font-family: "Microsoft Yahei";
}
.login_panel,.register_panel{margin:50px auto 0 auto;width:600px;}
.login_panel label,.register_panel label{display: block;font-size: 16px;margin:10px 0 0 1px;}
.login_panel .tips, .register_panel .tips{margin-left: 5px;}
.login_panel input[type="text"],.login_panel input[type="password"],.login_panel input[type="email"],
.register_panel input[type="text"],.register_panel input[type="password"],.register_panel input[type="email"]{
	padding: 5px;
	font-size:18px;
	border-radius: 4px;
	border:1px solid #DDD;
	width: 360px;
	outline: none;
	color: #555;
}
.login_panel input[type="text"]:focus,.login_panel input[type="password"]:focus,.login_panel input[type="email"]:focus,
.register_panel input[type="text"]:focus,.register_panel input[type="password"]:focus,.register_panel input[type="email"]:focus{
	border-color: #008deb;
	box-shadow: 0 0px 1px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(0, 113, 118, 0.6);
}
.register_panel input.error,.login_panel input.error{border:1px solid red;background:#FCEF8D;}
.register_panel label.error,.login_panel label.error{display:inline;font-size: 12px;color: red;}
.login_panel .code_input,.register_panel .code_input{width: 120px!important;}
.login_panel .code,.register_panel .code{border:1px solid #DDD;margin-top: -7px;border-radius: 4px;}
.login_panel .submit, .register_panel .submit{margin-top: 15px;}
.login_panel .error{color: red;}
#login_form, #register_form{padding-left: 10px;}
.register{border-top: 1px dotted #DDD;margin-top: 20px;padding-top: 20px;}
.register span{display: block;padding:10px 5px;font-size: 14px;}
.login_panel .title,.register_panel .title{padding:15px 0 2px 5px; border-bottom: 5px solid #EEE;margin-bottom: 15px;font-size:16px;}

.btn_register {
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	color:#306108!important;
	font-family: "Microsoft Yahei";
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #aade7c;
	cursor: pointer;
}
.btn_register:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}
.btn_register:active {
	position:relative;
	top:1px;
}
.circle{
	-webkit-border-radius: 50%;
	-moz-border-radius:50%;
	border-radius: 50%;
	border:3px solid #E5E5E5;
	padding:1px;
}
#dashboard .avatar{float: left;margin-right:10px; }
#dashboard .name{font-weight: bold;font-size: 18px;color: #a37;display: block;}
#dashboard .detail{}
/*dropdown*/
.dropdown {float:left;z-index:999;}
.dropdown .horizontal_line{padding:0;margin: 0;border-bottom: 1px solid #DDD!important;}
.dropdown ul {text-align:left;margin: 0;}
.dropdown ul li {float:left;display:inline;border-width: 1px 1px 0 1px; border-style: solid;border-color: #F5F5F5}
.dropdown ul li:hover {background:#FFF;border-color: #DDD;}
.dropdown ul li a {display:block;padding:5px 15px;font-family: "Microsoft Yahei";margin: 0;}
.dropdown ul li a:hover {background: #fff;color:#333;text-decoration: none;}
.dropdown ul li ul {position:absolute;width:120px;background:#FFF;box-shadow: 1px 1px 2px #999;}
.dropdown ul li ul li {width:100%;background:#FFF;border:none;}
.dropdown ul li ul li a {display:block;padding:5px 25px;font-size: 12px;}
.dropdown ul li ul li:hover a {background:#EFEFEF;}



/*error page*/
.error_page{margin:80px auto;width:600px;}
.error_message{border-top:2px solid #DDD;padding: 20px 10px;font-family: "Microsoft Yahei";}

.message_box{padding: 10px;border-radius: 4px;border-style: solid;border-width: 1px;}
.success_message_box{border-color: green;background:#D0E799;color:green;}
.failure_message_box{border-color: red;background:#FCEF8D;color: red;}
.word_item{display:inline-block;padding:5px;}
.success_message_box .word_item{color:#0088CC;}
.success_message_box .forgot_word{color: orange;}
.success_message_box .word_item:hover{background: none;text-decoration: underline;}
/*scroll*/
/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track { 
    border:1px solid #DDD;
    background:#fafafa;
}
 
::-webkit-scrollbar-thumb{
    background: rgba(200,200,200,0.8); 
    -webkit-box-shadow: outset 2px 1px 6px rgba(0,0,0,0.5); 

}
::-webkit-scrollbar-thumb:hover{
	background: rgba(100,100,100,0.4); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(100,100,100,0.4); 
}
/*tabs panel*/
 .etabs { margin: 0; padding: 0; position: relative;}
.tab { display: inline-block; zoom:1;  background: #eee; border: solid 1px #DDD; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;}
.tab a{ font-size: 12px; line-height: 2em; display: block; padding: 0 10px; outline: none;color:#0088CC;font-family: "Microsoft Yahei"; }
.tab a:hover { text-decoration: underline;background:none;}
.tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #DDD; }
.tab a.active { font-weight: bold; }
.tabs .panel_container { background: #fff; border-top: solid #ddd 1px; padding: 10px;}
.panel_container { margin-bottom: 10px; }

/*word page*/
.definition{position: relative;}
.definition > DIV{width: 480px;margin:0;padding:10px;}
.btn_edit_definition{position:absolute;top:2px;right: 5px;}
.sentences{margin-top: 20px;}
.notes{margin-top: 20px;}
.btn_open_sentence_dialog,.btn_open_note_dialog{position: absolute;top: 5px;right:5px;}
#sentence_dialog label,#edit_definition_dialog label{display: block;color:#999;padding:5px 0 10px 0;}
#sentence_dialog input[type=text],#edit_definition_dialog input[type=text]{width:460px;}
#note_input{width: 450px;height:150px;border:1px solid #DDD;padding:5px;}
#note_input:focus{
	border: 1px solid #008deb;
    box-shadow: 0 0px 1px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(0, 113, 118, 0.6);
    color: #5c5c5c;
}
.corner{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.a_sentence,.a_note{border-style: solid;border-width: 0 0 1px 0;border-color:white;padding:6px 5px;position: relative; }
.a_sentence .original, .a_note .note_content{font-family: Arial,sans-serif;}
.a_sentence .translation{color:#777;font-family: Arial,sans-serif;}
.a_sentence .original .keyword{color:#37a;}
.a_sentence:hover,.a_note:hover{border-color:#e5e5e5;background:#EFEFEF;}
.a_sentence .actions,.a_note .actions{visibility:hidden;text-align: right;position: absolute;bottom:6px;right:4px;background:#EFEFEF;}
.a_sentence .actions a,.a_sentence .actions span,
.a_note .actions a,.a_note .actions span{
	display: inline-block;
	padding:0 4px;
	font-family: arial;
}
.a_sentence .actions span,.a_note .actions span{color:#999;}
/* group */
#sidebar .group{
	padding:5px;
	border-width: 1px 0 1px 2px;
	border-style: solid;
	border-color: transparent;
	border-bottom-color: #e5e5e5;
}
#sidebar .group:hover{
	background-color: #EFEFEF;
}
#sidebar .group.active{
	border-left-color: #37a;
}
#sidebar .group a{
	font-family: "Microsoft Yahei";
	font-size:14px;
}
#sidebar .group a:hover{background:none;text-decoration: underline;color:#0088CC;}
a.btn_new_post{
	padding: 1px 20px;
	position: absolute;
	top: 15px;
	right: 15px;
}
a.btn_new_post:active{
	top:14px!important;
	position: absolute!important;
}
/*topic*/
#new_topic label{display: block;font-size: 14px;font-family: "Microsoft Yahei";}
#new_topic input[type="text"]{
	border:1px solid #ddd;
	padding: 8px;
	width: 539px;
	font-size: 14px;
}
#new_topic textarea{
	border:1px solid #ddd;
	padding: 5px;
	width: 535px;
	height:200px;
	line-height: 180%; 
	padding:10px;:focus
}
#new_topic input[type="text"]:focus,#new_topic textarea:focus,#new_reply textarea:focus,#quiz_1 input[type="text"]:focus{
	border-color: #008deb;
	box-shadow: 0 0px 1px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(0, 113, 118, 0.6);
}
#new_topic .message_box{margin-bottom: 10px;}
#topic .user,#replies .user,#new_reply .user{float:left;margin-right: 10px; text-align: center;}
#topic .user .user_name,#replies .user .user_name{text-align: center;}
#topic .post,#replies .post{float:left;width:480px;}
#topic .post .operation,#replies .post .operation{text-align: right;margin-top:10px;}
#topic .post .updated_at,#replies .post .updated_at{text-align: right;margin-top: 10px;}
#topic .post .operation a,#replies .post .operation a{display: inline-block;margin: 0 5px;}
#topic .title{font-size: 16px;font-weight: bold;}
#topic .time,#replies .time{color:#999;margin-bottom:10px;}
#replies{background:#F8F8F8;border-top:1px solid #e5e5e5}
.replies_top{background:url('/assets/images/replies_top_bg.gif') no-repeat 60px bottom;height:25px;}
#replies .reply{padding-bottom: 10px;}
#replies .reply:not(:first-child){padding-top:10px;}
#replies .reply:not(:last-child){border-bottom: 1px solid #E5E5E5;}
#new_reply{
	border-top: 1px solid #E5E5E5;
	padding-top:5px!important; 
}
#new_reply .title{padding-bottom:10px;font-size: 14px;}
#new_reply textarea{border:1px solid #DDD;width:460px;height:100px;line-height: 180%; padding:10px;}
#new_reply .response{margin:10px 0 10px 68px;width: 460px;}
#new_reply .btn{margin-left:70px;}
#topics .topic{padding:10px 0;border-bottom:1px solid #E5E5E5;position:relative;}
#topics .topic .user img{padding:1px;border:2px solid #E5E5E5;}
#topics .mark_top{
	font-size:12px!important;display: inline-block;padding:0 10px;background:blue;color:white;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}
.img_link img:hover{box-shadow: 1px 1px 1px #999;}
#topics .topic .reply_count{
	position: absolute;
	top:10px;
	right:10px;background:#E5E5E5;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	padding:0 10px;
	line-height:18px;
	color:#999;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}
#topics .summary{float:left;width:450px;}
#topics .title{font:14px/1.7 'Microsoft YaHei','Helvetica Neue',arial,sans-serif,'Hiragino Sans GB',Tahoma;}
#topics .title a:hover{background:none;text-decoration: underline;color:#0088CC;}
#topics .topic .user{float: left;margin-right:5px;}
#topics .topic .state {color:#999!important;}
#topics .topic .state a{color:#999!important;}
#topics .topic .state a:hover{color:#999;background:none!important;text-decoration: underline;}
/*dialog*/
.dialog{
	width:500px;
	background:#fff;
	-moz-box-shadow:inset 0px 1px 2px -9px #999;
	-webkit-box-shadow:inset 0px 1px 2px -9px #999;
	box-shadow:inset 0px 1px 2px -9px #999;
	border:1px solid #DDD;
}
.dialog_content{height:auto;padding:20px;}
.dialog_header{padding:10px;background: #F5F5F5;font-size: 14px;font-weight: bold;font-family: "Microsoft Yahei"; }
.dialog_footer{padding:10px;background: #F5F5F5;border-top: 1px solid #DDD;}

#progress { position:relative;width:450px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; margin-top: 5px}
#bar { background-color: #37a; width:0%; height:5px; border-radius: 3px; }
#percent { position:absolute; display:inline-block; top:3px; left:48%; }
#replies .pagination{margin-top: 10px;margin-bottom: 0;}
.pagination {
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    height: 25px;
    font-size: 0.75em;
    margin:0 20px;
    -webkit-font-smoothing: antialiased;
}
.pagination ul li {
    float: left;
    display: block;
    width: 30px;
}
.pagination ul li a {
    background-repeat: no-repeat;
    background-image: url();
    width: 27px;
    height: 27px;
    line-height: 27px;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #717171;
    text-shadow: 1px 1px 0 #fff;
}
.pagination ul li a:hover{
	background-color:transparent!important;
}
.pagination ul li.disabled a {
    visibility: hidden;
}
.pagination ul li.copy a {
    text-indent: -10000px;
}
.pagination ul li.previous a {
    background-position: -28px 0;
}
.pagination ul li.previous a:hover {
    background-position: -28px -27px;
}
.pagination ul li.number a:hover {
    background-position: 0 -27px;
	background-color:transparent!important;
}
.pagination ul li.next a {
    background-position: -112px 0;
}
.pagination ul li.next a:hover {
    background-position: -112px -27px;
    background-color:transparent!important;
}
.pagination ul li.copy.disabled a {
    cursor: default;
}
.pagination ul li.active a {
    background-position: right 0;
    color: #fff;
    cursor: default;
    text-shadow:0 1px 0 #585858;
}
.pagination ul li.active a:hover {
    background-position: right 0;
    background-color:transparent!important;
}
/*dashboard*/
#dashboard .amount{margin-top: 20px;}
#dashboard .amount table{width: 100%;border-color: #e8e8e8;}
#dashboard .amount td{font-family: "Microsoft Yahei";}
#dashboard .amount .total{font-size:40px;font-weight:bold;color:#37a;padding:10px;}
#dashboard .amount .subtotal,#dashboard .amount .stat{font-size:30px;font-weight: bold;text-align: center;width:25%;}
#dashboard .amount table{margin-bottom: 10px;}
#dashboard .amount .done{color:green;}
#dashboard .amount .subtotal{color:white;}
#dashboard .amount .subtotal div,#dashboard .amount .stat div{font-size:32px;font-weight: bold;padding:10px 0 0 0;margin: 0;line-height:100%;}
#dashboard .amount .subtotal span,#dashboard .amount .stat span{font-size:14px;font-weight: normal;}
#dashboard .amount .familiarity_1{background:#80B3FF;}
#dashboard .amount .familiarity_2{background:#02779E;}
#dashboard .amount .familiarity_3{background:#FFCC25;}
#dashboard .amount .familiarity_4{background:#F18D05;}
#dashboard .words{vertical-align: top;}
#dashboard .words div:not(:last-child){border-bottom: 1px dotted #DDD;}
#dashboard .words div{padding:5px}
#dashboard .words div:hover{background:#E8E8E8;}
#dashboard .none div{font-size:28px;color:#666;}
#group_selector_dialog{width:360px;}
#group_selector_dialog table{width: 100%;}
#group_selector_dialog td{width: 25%;padding: 10px;cursor: pointer;}
#group_selector_dialog td:hover{background:#E8E8E8;}

.chart{border-top:1px solid #E8E8E8;margin-top: 10px;}
.chart .title{font-size: 14px;margin-bottom: 10px;}

#learning_loading{
	float:left;
	width: 31px;
	height:31px;
	margin-left: 20px;
	margin-top: 120px;
	position: relative;
}
.quiz{display: none;}
.quiz .word{font-size: 24px;color: #37a;}
.quiz .q{background:#E6FFCC;padding:10px;margin-bottom:10px;}
#quiz_1 label{display: block;margin-bottom:5px;}
#quiz_1 input[type="text"]{padding:4px;border:1px solid #DDD;font-size: 16px;}
#quiz_1 .correct{margin-top:-5px;}
.go_next{
	min-height:78px!important;margin-top: 100px;width:100px!important;
	height:78px;
	border: none!important;
	background: url('/assets/images/go_next.png') no-repeat 0 0!important;
	cursor: pointer;
}
.go_next:hover{
	background: url('/assets/images/go_next.png') no-repeat 0 -78px!important;
}
.shuffle{margin-top: 10px;}
.shuffle li{float: left;margin:0 2px;cursor: pointer;}
.shuffle li div{background:#E5E5E5;height:30px;width:30px;border:1px solid #DDD;font-size:18px;font-weight: bold;text-align:center;vertical-align: middle;}
.shuffle .placeHolder div { background-color:white !important; border:dashed 1px gray !important; }
.shuffle .over div { background-color:#efefef !important; border:solid 1px #333 !important; }
#quiz_3 .definitions div{margin:4px 0;border:1px solid #DDD;width:480px;cursor: pointer;}
#quiz_3 .definitions div:hover{background:#E6FFCC;}
#quiz_3 .definitions div span{display: inline-block;}
#quiz_3 .definitions div span.number{background:#e5e5e5;padding:4px 12px;margin-right:5px;}